<html>
<head>
<title>Task 34</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
.noncolor {
color: Black;
font: 15px Verdana Geneva Arial Helvetica sans-serif;

}
.color SPAN {
color: #fff;
font: bold 18px Verdana Geneva Arial Helvetica sans-serif;
background-color: #00ff21;
 
}
    color.oko span {
        color: #ff6a00;
    }
    

</style>
    <script>
        function ColorText() {
            document.getElementById('out').className = 'color';

        }
        function NonColorEdit() {
            document.getElementById('out').className = 'noncolor';
        }
    </script>
</head>
<body>
<div id="out" onMouseOver="ColorText()" onMouseOut="NonColorEdit()"> <span> Create</span> a <span >picture</span> inside another <span >picture</span>,than <span>create</span> <span>picture</span> inside second <span>picture</span>.
      </div>

</body>
</html>